<ui:composition template="/WEB-INF/template/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="main">
		<div class="jumbotron" style="margin-bottom: 50px;">

			<h:form>
				<h:dataTable class="table table-striped" id="table-form"
					value="#{eventoBean.eventos}" var="evento"
					emptyMessage="Nenhum evento disponível">
					<h:column>
						<f:facet name="header">Evento</f:facet>
						<h:outputText value="#{evento.sigla}" />
					</h:column>
					<h:column>
						<f:facet name="header">Início do evento</f:facet>
						<h:outputText value="#{evento.inicio}">
							<f:convertDateTime pattern="dd/MM/yyyy" />
						</h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">Fim do evento</f:facet>
						<h:outputText value="#{evento.fim}">
							<f:convertDateTime pattern="dd/MM/yyyy" />
						</h:outputText>
					</h:column>
					
					<h:column>
						<f:facet name="header">Início das inscrições</f:facet>
						<h:outputText value="#{evento.inicioInscricao}">
							<f:convertDateTime pattern="dd/MM/yyyy" />
						</h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">Fim das inscrições</f:facet>
						<h:outputText value="#{evento.fimInscricao}">
							<f:convertDateTime pattern="dd/MM/yyyy" />
						</h:outputText>
					</h:column>
					<h:column>
						<f:facet name="header">Programação</f:facet>
						<h:outputText value="Visualizar"/>
					</h:column>
					<h:column>
						<h:outputText value="Inscreva-se"/>
					</h:column>
				</h:dataTable>
			</h:form>

		</div>

	</ui:define>

</ui:composition>